<template>
    <div id="app">
        <transition mode="out-in">
            <router-view :key="url"></router-view>
        </transition>
        <image-edit></image-edit>
    </div>
</template>
<script type="text/ecmascript-6">
    export default {
        created() {
            jv.main = this;

            jv.select = (dom) => {
                var range = document.createRange();
                range.selectNodeContents(dom);
                var selection = window.getSelection();
                selection.removeAllRanges();
                selection.addRange(range);
            }
        },
        computed:{
            url() {
                return this.$route.path
            }
        }
    }
</script>

<style>
    .res {
        border: solid 1px green;
        padding: 8px;
        background-color: floralwhite;
        margin-top: 10px;
    }
</style>

